/* Aspect PHP stylesheet */

html, body {
    margin: 0px;
    padding: 4px;
    font-family: Calibri, Arial, Verdana, sans-serif;
    font-size: 14px;

    background-color: #BBB;
}

p, span, div {
    cursor: default;
}

p {
    text-indent: 12px;
    line-height: 24px;
    text-align: justify;

    background-position: 4px 4px;
    background-repeat: no-repeat;

    padding-bottom: 4px;
}

p.warning {
    padding-left: 12px;
    padding-right: 8px;

    background-image: url(../images/warning.png);
    background-color: #EFCD9A;
}

p.notice {
    padding-left: 12px;
    padding-right: 8px;

    background-image: url(../images/notice.png);
    background-color: #9AEFCD;
}

/* Site structure */

#mainDiv {
    width: 900px;
    margin: auto;

    background-color: #FFF;
}

#headerDiv {
    height: 575px;

    background-image: url(../images/header_background.png);
    background-position: top left;
    background-repeat: no-repeat;

    border-bottom: 1px solid #999;
}

#contentDiv {
    padding: 50px;
}

#footerDiv {
    height: 200px;

    border-top: 1px solid #999;
}

/* Site presentation */

h1 {
    color: #FFF;

    background-image: url(../images/title_background.png);
    background-position: left center;
    background-repeat: repeat-x;

    padding: 6px;
    padding-left: 24px;
}

h2 {
    color: #CC7500;

    border-bottom: 1px solid #999;
}

h3 {
    color: #CC7500;

    padding-left: 18px;
    padding-bottom: 6px;

    border-bottom: 1px dashed #999;
}

b {
    color: #3A7;
}

u {
    color: #999;

    font-style: italic;
}

code {
    cursor: text;

    color: #FFF;
    background-color: #000;

    padding-left: 6px;
    padding-right: 6px;
}

div.code {
    cursor: text;

    background-color: #000;

    padding: 12px;
}

div.code code {
    padding: 0px;
}

div.code code small {
    color: #999;
}

#contentDiv img {
    border: 1px solid #333;
}

#contentDiv table {
    text-align: left;

    border-collapse: collapse;
}

#contentDiv table th {
    padding: 8px;

    background-color: #DDD;
    border: 1px solid #999;
}

#contentDiv table td {
    padding-left: 12px;

    border: 1px solid #999;
}
